<template>
    <li @click="handleClick"><a :title="title"><Icon type="ios-arrow-forward" />{{title}}</a><span>{{publishDate}}</span></li>
</template>
<<script>
export default {
    name:'articleList',
    props:['title','id','publishDate'],
    methods: {
        handleClick(){
            this.$emit('detail',this.id);
        }
    },
}
</script>
<style scoped>
li a{
    color:#222222;
    display:inline-block;
}
li span{
    display:inline-block;
    text-align:right;
    margin-left:auto;
}
</style>